var navBtn = document.querySelector('.dt-nav-btn');
var nav_btn = document.querySelectorAll('.dt-nav-btn span');
var head_wrap = document.querySelector('.head-wrap');
var nav_pan = true;
navBtn.onclick = function () {
	if(nav_pan == true){
		nav_pan = false;
		nav_btn[0].style.transform = 'translateY(9px) rotate(45deg)';
		nav_btn[1].style.width = '0px';
		nav_btn[2].style.transform = 'translateY(-9px) rotate(-45deg)';
		head_wrap.style.display = 'block'
	}else{
		nav_pan = true;
		nav_btn[0].style.transform = 'translateY(0) rotate(0)';
		nav_btn[1].style.width = '30px';
		nav_btn[2].style.transform = 'translateY(0) rotate(0)';
		head_wrap.style.display = 'none'
	}
}